.sidenav { height: 100%;
                          width: 0;
                          position: fixed;
                          z-index: 1;
                          top: 0;
                          left: 0;
                          background-color: #111;
                          overflow-x: hidden;
                          transition: 0.5s;
                          padding-top: 60px;}

               .sidenav a {
                         padding: 8px 8px 8px 32px;
                         text-decoration: none;
                         font-size: 25px;
                         color: #818181;
                         display: block;
                         transition: 0.3s;
                         text-align:center;}

               .sidenav a:hover {
                         color: #f1f1f1;}

                .sidenav .closebtn {
                         position: absolute;
                         top: 0;
                         right: 25px;
                         font-size: 36px;
                         margin-left: 50px;}

                #main {
                        transition: margin-left .5s;
                        padding: 16px;}






      .topnav { text-align: center;
                overflow: hidden;
                background-color: #333; }
      .topnav a {
                  width: 720px;
          position: relative;
          margin: 0 auto;
                  color: #f2f2f2;
                  
                  padding: 14px 16px;
                  text-decoration: none;
                   font-family: Arial;
                  font-size: 17px; }
      .topnav a:hover {
                background-color: #ddd;
                color: black; }
      .topnav a.active {
                background-color: #ddd;
                color: white; }



#hide { visibility: hidden; }

.i_p { border: 1px black solid;
             float: left;
             width: 100%;
             clear: both;
             text-align: center;
             font-family: Felix Titling; 
             font-size: 45px;
             margin-top: 170px;}



#body { background-image: url("bckgrnd2.jpg"); 
                          background-repeat: no-repeat;
                          overflow-y:scroll; 
                          margin:0px; 
                          padding:0px; 
                          min-height:1000px;}

#main_sign {  border: 1px black solid;
                  text-align: center;
                  margin-top: 0px;
                  font-size: 30px;
                  padding-top: 100px;
                  color: #f2f2f2;                                            
                  background-color: black;        /*        mix-blend-mode: multiply; */
                  opacity: 0.7;
                  mix-blend-mode: multiply; }

#horizontal-list {min-width: 696px;
                  list-style: none;
	          text-align: center;
                  margin-top: 100px; }
	    
#horizontal-list li {	display: inline; 
                        padding-right: 50px; }





#footer { width: 720px;
          position: relative;
          margin: 0 auto; }


#contact{ text-align:center;
          margin: 15px 100px 0 70px }
#contact a{ display: block;
            border: 2px gray outset;
            text-decoration: none;
            color: black; }
#contact a:hover{ color: white;
               background-color: black;
               border: 2px gray inset; }


#foot {  border: 1px black solid;
         text-align:center;}

#next { 
        text-align:center;
        margin:0 70px 100px 0; }





#mail_0 {  border: 1px black solid;
           text-align: center;
                  margin-top: 0px;
                  font-size: 30px;
                  padding-top: 100px;
                   color: #f2f2f2;
                  background-color: black;
                  opacity: 0.7; }



#letter {text-align:center; }